<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
<head>
<link rel="stylesheet" type="text/css" href="scripts/jsgantt.css"/>
<script language="javascript" src="scripts/jsgantt.js"></script>
<title>Gantt chart</title></head>
<body>


<div style="position:relative" class="gantt" id="GanttChartDIV"></div>
<script>
  // here's all the html code neccessary to display the chart object
  // Future idea would be to allow XML file name to be passed in and chart tasks built from file.

  var g = new JSGantt.GanttChart('g',document.getElementById('GanttChartDIV'), 'day');

	g.setShowRes(0); // Show/Hide Responsible (0/1)
	g.setShowDur(0); // Show/Hide Duration (0/1)
	g.setShowComp(0); // Show/Hide % Complete(0/1)
  g.setCaptionType('Resource');  // Set to Show Caption (None,Caption,Resource,Duration,Complete)
  g.setShowStartDate(0); // Show/Hide Start Date(0/1)
  g.setShowEndDate(0); // Show/Hide End Date(0/1)
  g.setDateInputFormat('dd/mm/yyyy')  // Set format of input dates ('mm/dd/yyyy', 'dd/mm/yyyy', 'yyyy-mm-dd')
  g.setDateDisplayFormat('dd/mm/yyyy') // Set format to display dates ('mm/dd/yyyy', 'dd/mm/yyyy', 'yyyy-mm-dd')
  g.setFormat('week')
  if( g ) {
    // use the XML file parser 
    JSGantt.parseXML('gantt.xml',g)
    g.Draw();	
    g.DrawDependencies();
  } else {
    alert("not defined");
  }

</script>

</body>

</html>
